// Aufgabe_8_2_Regentropfen

var y = [];
var h = 400;

function setup(){
  createCanvas(400, 400);
  for(var i = 0; i < 900; i++){
    y[i] = random(-5000, 0);
  }
}

function draw(){
  background(200, 230, 255);
  noStroke();
  fill(0, 0, 255);
  for (var i = 0; i < 900; i++){
    y[i] += 1;
    var x = 0.45*i;
    triangle(x, y[i], x+10, y[i]-25, x+20, y[i]);
    ellipse(x+10, y[i]+4, 20, 30);
   }

  // Wasser im Eimer
  rect(100, h, 200, 1000);
  h = h - (millis()/1000)/60;

  // Eimer
  stroke(255, 50, 0);
  strokeWeight(20);
  line(100, 390, 300, 390);
  line(100, 400, 100, 100);
  line(300, 400, 300, 100);

  if(h <= 100){
   noLoop();
  }
}
